<!DOCTYPE html>
<html>
<head>
   <title>SpreadJS</title>
   <link href ='gcspread.sheets.9.40.20161.0.css' rel='stylesheet' type='text/css'/>
   <script src = "http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
   <script src  = 'gcspread.sheets.all.9.40.20161.0.min.js' type="text/javascript"></script>
   <script src='SpreadJS.js' type='text/javascript'></script>   
</head>
<body>
<div class = "SpreadSample">
   <div id = 'ss' style = 'width:100%; height: 400px;'></div>
   <div class="option-demo">
      <div class="option-row">
         <input type = "button" style = "width:100px" value = "Add Sheet" id = "btnAddSheet"/>
         <input type = "button" style = "width:100px" value = "Remove Sheet" id = "btnRemoveSheet"/>
         <input type = "button" style = "width:100px" value = "Clear Sheets" id = "btnClearSheets" />
      </div>
      <div class="option-row">
         <label>ActiveSheetIndex: </label>
         <input type = "text" id = "activeSheetIndex" value = "0"/>
         <input type = "button" id = "btnSetActiveSheetIndex" value = "Set" />
    </div>
</div>
</body>
</html>
